﻿<!DOCTYPE html>
<html>
  <head>
    <title>步骤条</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/步骤条/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/步骤条/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3418" class="ax_default">
        <div id="u3418_state0" class="panel_state" data-label="State1" style="">
          <div id="u3418_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3419" class="ax_default box_2">
              <div id="u3419_div" class=""></div>
              <div id="u3419_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u3420" class="ax_default paragraph">
              <div id="u3420_div" class=""></div>
              <div id="u3420_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u3421" class="ax_default" data-label="header">
        <div id="u3421_state0" class="panel_state" data-label="State1" style="">
          <div id="u3421_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3422" class="ax_default box_1">
              <div id="u3422_div" class=""></div>
              <div id="u3422_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u3423" class="ax_default">
              <div id="u3423_state0" class="panel_state" data-label="State1" style="">
                <div id="u3423_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3424" class="ax_default box_1">
                    <div id="u3424_div" class=""></div>
                    <div id="u3424_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3425" class="ax_default box_1">
                    <div id="u3425_div" class=""></div>
                    <div id="u3425_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3426" class="ax_default box_1">
                    <div id="u3426_div" class=""></div>
                    <div id="u3426_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3427" class="ax_default box_1">
                    <img id="u3427_img" class="img " src="images/index/u10.svg"/>
                    <div id="u3427_text" class="text ">
                      <p><span>View UI Axure Library</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u3428" class="ax_default image">
                    <img id="u3428_img" class="img " src="images/index/u11.png"/>
                    <div id="u3428_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3429" class="ax_default paragraph">
                    <div id="u3429_div" class=""></div>
                    <div id="u3429_text" class="text ">
                      <p><span>iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u3417" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3430" class="ax_default box_1">
        <div id="u3430_div" class=""></div>
        <div id="u3430_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u3432" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3432_div" class=""></div>
        <div id="u3432_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3433" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3433_div" class=""></div>
        <div id="u3433_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3434" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3434_div" class=""></div>
        <div id="u3434_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3435" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3435_div" class=""></div>
        <div id="u3435_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3436" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-light">
        <div id="u3436_div" class=""></div>
        <div id="u3436_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3437" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3437_div" class=""></div>
        <div id="u3437_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3438" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3438_div" class=""></div>
        <div id="u3438_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3439" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3439_div" class=""></div>
        <div id="u3439_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3440" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3440_div" class=""></div>
        <div id="u3440_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3441" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3441_div" class=""></div>
        <div id="u3441_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3442" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3442_div" class=""></div>
        <div id="u3442_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3443" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3443_div" class=""></div>
        <div id="u3443_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3444" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3444_div" class=""></div>
        <div id="u3444_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3445" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3445_div" class=""></div>
        <div id="u3445_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3446" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3446_div" class=""></div>
        <div id="u3446_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3447" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3447_div" class=""></div>
        <div id="u3447_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3448" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3448_div" class=""></div>
        <div id="u3448_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3449" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3449_div" class=""></div>
        <div id="u3449_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3450" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3450_div" class=""></div>
        <div id="u3450_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3451" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3451_div" class=""></div>
        <div id="u3451_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3452" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3452_div" class=""></div>
        <div id="u3452_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3453" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-light">
        <div id="u3453_div" class=""></div>
        <div id="u3453_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3454" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3454_div" class=""></div>
        <div id="u3454_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3455" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3455_div" class=""></div>
        <div id="u3455_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3456" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3456_div" class=""></div>
        <div id="u3456_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3457" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3457_div" class=""></div>
        <div id="u3457_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3458" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3458_div" class=""></div>
        <div id="u3458_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3459" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3459_div" class=""></div>
        <div id="u3459_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3460" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3460_div" class=""></div>
        <div id="u3460_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3461" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3461_div" class=""></div>
        <div id="u3461_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3462" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-light">
        <div id="u3462_div" class=""></div>
        <div id="u3462_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3463" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3463_div" class=""></div>
        <div id="u3463_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3464" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3464_div" class=""></div>
        <div id="u3464_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3465" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3465_div" class=""></div>
        <div id="u3465_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3466" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3466_div" class=""></div>
        <div id="u3466_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3467" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3467_div" class=""></div>
        <div id="u3467_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3468" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3468_div" class=""></div>
        <div id="u3468_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3469" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3469_div" class=""></div>
        <div id="u3469_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3470" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-light">
        <div id="u3470_div" class=""></div>
        <div id="u3470_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3471" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3471_div" class=""></div>
        <div id="u3471_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3472" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3472_div" class=""></div>
        <div id="u3472_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3473" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3473_div" class=""></div>
        <div id="u3473_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3474" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3474_div" class=""></div>
        <div id="u3474_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3475" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-light">
        <div id="u3475_div" class=""></div>
        <div id="u3475_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3476" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-light">
        <div id="u3476_div" class=""></div>
        <div id="u3476_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3477" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3477_div" class=""></div>
        <div id="u3477_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3478" class="ax_default box_1 selected" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3478_div" class="selected"></div>
        <div id="u3478_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3479" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-light">
        <div id="u3479_div" class=""></div>
        <div id="u3479_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3480" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3480_div" class=""></div>
        <div id="u3480_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3481" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3481_div" class=""></div>
        <div id="u3481_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3482" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3482_div" class=""></div>
        <div id="u3482_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3483" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3483_div" class=""></div>
        <div id="u3483_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3484" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3484_div" class=""></div>
        <div id="u3484_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3485" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3485_div" class=""></div>
        <div id="u3485_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3486" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3486_div" class=""></div>
        <div id="u3486_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3487" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3487_div" class=""></div>
        <div id="u3487_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3488" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3488_div" class=""></div>
        <div id="u3488_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3489" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3489_div" class=""></div>
        <div id="u3489_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3490" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3490_div" class=""></div>
        <div id="u3490_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3491" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3491_div" class=""></div>
        <div id="u3491_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3492" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3492_div" class=""></div>
        <div id="u3492_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3493" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3493_div" class=""></div>
        <div id="u3493_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3494" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3494_div" class=""></div>
        <div id="u3494_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3495" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-light">
        <div id="u3495_div" class=""></div>
        <div id="u3495_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3496" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-light">
        <div id="u3496_div" class=""></div>
        <div id="u3496_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3497" class="ax_default box_1" selectiongroup="u3431nav-cebianlan-fenzu-light">
        <div id="u3497_div" class=""></div>
        <div id="u3497_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">列表</span></p>
        </div>
      </div>
      <div id="u3431" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3499" class="ax_default">
        <div id="u3499_state0" class="panel_state" data-label="State1" style="">
          <div id="u3499_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3500" class="ax_default box_1">
              <div id="u3500_div" class=""></div>
              <div id="u3500_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u3501" class="ax_default">
              <div id="u3501_state0" class="panel_state" data-label="State1" style="">
                <div id="u3501_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3502" class="ax_default box_1">
                    <div id="u3502_div" class=""></div>
                    <div id="u3502_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3503" class="ax_default label">
                    <div id="u3503_div" class=""></div>
                    <div id="u3503_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3504" class="ax_default label">
                    <div id="u3504_div" class=""></div>
                    <div id="u3504_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3505" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3506" class="ax_default label">
                      <div id="u3506_div" class=""></div>
                      <div id="u3506_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3507" class="ax_default paragraph">
                      <div id="u3507_div" class=""></div>
                      <div id="u3507_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3508" class="ax_default label">
                    <div id="u3508_div" class=""></div>
                    <div id="u3508_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3509" class="ax_default label">
                    <div id="u3509_div" class=""></div>
                    <div id="u3509_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3510" class="ax_default label">
                    <div id="u3510_div" class=""></div>
                    <div id="u3510_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3511" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3512" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3513" class="ax_default">
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3514" class="ax_default label">
                    <div id="u3514_div" class=""></div>
                    <div id="u3514_text" class="text ">
                      <p><span>版本号4.0</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3515" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3516" class="ax_default label">
                      <div id="u3516_div" class=""></div>
                      <div id="u3516_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3517" class="ax_default paragraph">
                      <div id="u3517_div" class=""></div>
                      <div id="u3517_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3518" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3519" class="ax_default label">
                      <div id="u3519_div" class=""></div>
                      <div id="u3519_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3520" class="ax_default paragraph">
                      <div id="u3520_div" class=""></div>
                      <div id="u3520_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u3521" class="ax_default image">
                    <img id="u3521_img" class="img " src="images/index/u11.png"/>
                    <div id="u3521_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3522" class="ax_default box_1">
                    <img id="u3522_img" class="img " src="images/index/u10.svg"/>
                    <div id="u3522_text" class="text ">
                      <p><span>View UI Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="u3498" style="display:none; visibility:hidden;"></div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3523" class="ax_default heading_1">
        <div id="u3523_div" class=""></div>
        <div id="u3523_text" class="text ">
          <p><span>Steps 步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3524" class="ax_default heading_1">
        <div id="u3524_div" class=""></div>
        <div id="u3524_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3525" class="ax_default label">
        <div id="u3525_div" class=""></div>
        <div id="u3525_text" class="text ">
          <p><span>拆分某项流程的步骤，引导用户按流程完成任务。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3526" class="ax_default label">
        <div id="u3526_div" class=""></div>
        <div id="u3526_text" class="text ">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3527" class="ax_default" data-left="233" data-top="347" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3528" class="ax_default ellipse">
          <img id="u3528_img" class="img " src="images/步骤条/u3528.svg"/>
          <div id="u3528_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u3529" class="ax_default line">
          <img id="u3529_img" class="img " src="images/步骤条/u3529.svg"/>
          <div id="u3529_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3530" class="ax_default label">
          <div id="u3530_div" class=""></div>
          <div id="u3530_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3531" class="ax_default label">
          <div id="u3531_div" class=""></div>
          <div id="u3531_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3532" class="ax_default" data-left="486" data-top="347" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3533" class="ax_default ellipse selected">
          <img id="u3533_img" class="img " src="images/步骤条/u3528_selected.svg"/>
          <div id="u3533_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u3534" class="ax_default line selected">
          <img id="u3534_img" class="img " src="images/步骤条/u3529_selected.svg"/>
          <div id="u3534_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3535" class="ax_default label selected">
          <div id="u3535_div" class="selected"></div>
          <div id="u3535_text" class="text ">
            <p><span>进行中</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3536" class="ax_default label selected">
          <div id="u3536_div" class="selected"></div>
          <div id="u3536_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3537" class="ax_default" data-left="739" data-top="347" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3538" class="ax_default ellipse disabled">
          <img id="u3538_img" class="img " src="images/步骤条/u3528_disabled.svg"/>
          <div id="u3538_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u3539" class="ax_default line disabled">
          <img id="u3539_img" class="img " src="images/步骤条/u3529_selected.svg"/>
          <div id="u3539_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3540" class="ax_default label disabled">
          <div id="u3540_div" class="disabled"></div>
          <div id="u3540_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3541" class="ax_default label disabled">
          <div id="u3541_div" class="disabled"></div>
          <div id="u3541_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3542" class="ax_default" data-left="992" data-top="347" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3543" class="ax_default ellipse disabled">
          <img id="u3543_img" class="img " src="images/步骤条/u3528_disabled.svg"/>
          <div id="u3543_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3544" class="ax_default label disabled">
          <div id="u3544_div" class="disabled"></div>
          <div id="u3544_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3545" class="ax_default label disabled">
          <div id="u3545_div" class="disabled"></div>
          <div id="u3545_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3546" class="ax_default label">
        <div id="u3546_div" class=""></div>
        <div id="u3546_text" class="text ">
          <p><span>通过交互状态的选择来改变各个状态的样式，未选中（Unselected）=已完成，已选中（Selected）=进行中，已失效（Disabled）=待进行。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3547" class="ax_default label">
        <div id="u3547_div" class=""></div>
        <div id="u3547_text" class="text ">
          <p><span>迷你型</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3548" class="ax_default label">
        <div id="u3548_div" class=""></div>
        <div id="u3548_text" class="text ">
          <p><span>与基础用法相同，通过交互状态来改变样式。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3549" class="ax_default" data-left="233" data-top="507" data-width="243" data-height="18">

        <!-- Unnamed (Ellipse) -->
        <div id="u3550" class="ax_default ellipse">
          <img id="u3550_img" class="img " src="images/步骤条/u3550.svg"/>
          <div id="u3550_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u3551" class="ax_default line">
          <img id="u3551_img" class="img " src="images/步骤条/u3529.svg"/>
          <div id="u3551_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3552" class="ax_default label">
          <div id="u3552_div" class=""></div>
          <div id="u3552_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3553" class="ax_default" data-left="486" data-top="507" data-width="243" data-height="18">

        <!-- Unnamed (Ellipse) -->
        <div id="u3554" class="ax_default ellipse">
          <img id="u3554_img" class="img " src="images/步骤条/u3550.svg"/>
          <div id="u3554_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u3555" class="ax_default line">
          <img id="u3555_img" class="img " src="images/步骤条/u3529.svg"/>
          <div id="u3555_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3556" class="ax_default label">
          <div id="u3556_div" class=""></div>
          <div id="u3556_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3557" class="ax_default" data-left="739" data-top="507" data-width="243" data-height="18">

        <!-- Unnamed (Ellipse) -->
        <div id="u3558" class="ax_default ellipse selected">
          <img id="u3558_img" class="img " src="images/步骤条/u3550_selected.svg"/>
          <div id="u3558_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u3559" class="ax_default line selected">
          <img id="u3559_img" class="img " src="images/步骤条/u3529_selected.svg"/>
          <div id="u3559_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3560" class="ax_default label selected">
          <div id="u3560_div" class="selected"></div>
          <div id="u3560_text" class="text ">
            <p><span>进行中</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3561" class="ax_default" data-left="992" data-top="507" data-width="75" data-height="18">

        <!-- Unnamed (Ellipse) -->
        <div id="u3562" class="ax_default ellipse disabled">
          <img id="u3562_img" class="img " src="images/步骤条/u3550_disabled.svg"/>
          <div id="u3562_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3563" class="ax_default label disabled">
          <div id="u3563_div" class="disabled"></div>
          <div id="u3563_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3564" class="ax_default label">
        <div id="u3564_div" class=""></div>
        <div id="u3564_text" class="text ">
          <p><span>带图标的步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3565" class="ax_default" data-left="233" data-top="613" data-width="243" data-height="20">

        <!-- Unnamed (Ellipse) -->
        <div id="u3566" class="ax_default ellipse">
          <img id="u3566_img" class="img " src="images/步骤条/u3566.svg"/>
          <div id="u3566_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u3567" class="ax_default line">
          <img id="u3567_img" class="img " src="images/步骤条/u3529.svg"/>
          <div id="u3567_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3568" class="ax_default label">
          <div id="u3568_div" class=""></div>
          <div id="u3568_text" class="text ">
            <p><span>注册</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3569" class="ax_default" data-left="486" data-top="613" data-width="243" data-height="20">

        <!-- Unnamed (Ellipse) -->
        <div id="u3570" class="ax_default ellipse selected">
          <img id="u3570_img" class="img " src="images/步骤条/u3566.svg"/>
          <div id="u3570_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u3571" class="ax_default line selected">
          <img id="u3571_img" class="img " src="images/步骤条/u3529_selected.svg"/>
          <div id="u3571_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3572" class="ax_default label selected">
          <div id="u3572_div" class="selected"></div>
          <div id="u3572_text" class="text ">
            <p><span>上传头像</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3573" class="ax_default" data-left="739" data-top="613" data-width="87" data-height="20">

        <!-- Unnamed (Ellipse) -->
        <div id="u3574" class="ax_default ellipse disabled">
          <img id="u3574_img" class="img " src="images/步骤条/u3566.svg"/>
          <div id="u3574_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3575" class="ax_default label disabled">
          <div id="u3575_div" class="disabled"></div>
          <div id="u3575_text" class="text ">
            <p><span>验证邮箱</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3576" class="ax_default" data-left="230" data-top="651" data-width="246" data-height="25">

        <!-- Unnamed (Ellipse) -->
        <div id="u3577" class="ax_default ellipse">
          <img id="u3577_img" class="img " src="images/步骤条/u3577.svg"/>
          <div id="u3577_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u3578" class="ax_default line">
          <img id="u3578_img" class="img " src="images/步骤条/u3529.svg"/>
          <div id="u3578_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3579" class="ax_default label">
          <div id="u3579_div" class=""></div>
          <div id="u3579_text" class="text ">
            <p><span>注册</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3580" class="ax_default" data-left="486" data-top="651" data-width="246" data-height="25">

        <!-- Unnamed (Ellipse) -->
        <div id="u3581" class="ax_default ellipse selected">
          <img id="u3581_img" class="img " src="images/步骤条/u3577.svg"/>
          <div id="u3581_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u3582" class="ax_default line selected">
          <img id="u3582_img" class="img " src="images/步骤条/u3529_selected.svg"/>
          <div id="u3582_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3583" class="ax_default label selected">
          <div id="u3583_div" class="selected"></div>
          <div id="u3583_text" class="text ">
            <p><span>上传头像</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3584" class="ax_default" data-left="742" data-top="651" data-width="98" data-height="25">

        <!-- Unnamed (Ellipse) -->
        <div id="u3585" class="ax_default ellipse disabled">
          <img id="u3585_img" class="img " src="images/步骤条/u3577.svg"/>
          <div id="u3585_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3586" class="ax_default label disabled">
          <div id="u3586_div" class="disabled"></div>
          <div id="u3586_text" class="text ">
            <p><span>验证邮箱</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3587" class="ax_default label">
        <div id="u3587_div" class=""></div>
        <div id="u3587_text" class="text ">
          <p><span>垂直方向</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3588" class="ax_default" data-left="233" data-top="763" data-width="243" data-height="65">

        <!-- Unnamed (Ellipse) -->
        <div id="u3589" class="ax_default ellipse">
          <img id="u3589_img" class="img " src="images/步骤条/u3528.svg"/>
          <div id="u3589_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u3590" class="ax_default line">
          <img id="u3590_img" class="img " src="images/步骤条/u3590.svg"/>
          <div id="u3590_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3591" class="ax_default label">
          <div id="u3591_div" class=""></div>
          <div id="u3591_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3592" class="ax_default label">
          <div id="u3592_div" class=""></div>
          <div id="u3592_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3593" class="ax_default" data-left="233" data-top="838" data-width="243" data-height="65">

        <!-- Unnamed (Ellipse) -->
        <div id="u3594" class="ax_default ellipse">
          <img id="u3594_img" class="img " src="images/步骤条/u3528.svg"/>
          <div id="u3594_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u3595" class="ax_default line">
          <img id="u3595_img" class="img " src="images/步骤条/u3590.svg"/>
          <div id="u3595_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3596" class="ax_default label">
          <div id="u3596_div" class=""></div>
          <div id="u3596_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3597" class="ax_default label">
          <div id="u3597_div" class=""></div>
          <div id="u3597_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3598" class="ax_default" data-left="233" data-top="913" data-width="243" data-height="65">

        <!-- Unnamed (Ellipse) -->
        <div id="u3599" class="ax_default ellipse selected">
          <img id="u3599_img" class="img " src="images/步骤条/u3528_selected.svg"/>
          <div id="u3599_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u3600" class="ax_default line selected">
          <img id="u3600_img" class="img " src="images/步骤条/u3590_selected.svg"/>
          <div id="u3600_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3601" class="ax_default label selected">
          <div id="u3601_div" class="selected"></div>
          <div id="u3601_text" class="text ">
            <p><span>进行中</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3602" class="ax_default label selected">
          <div id="u3602_div" class="selected"></div>
          <div id="u3602_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3603" class="ax_default" data-left="233" data-top="988" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3604" class="ax_default ellipse disabled">
          <img id="u3604_img" class="img " src="images/步骤条/u3528_disabled.svg"/>
          <div id="u3604_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3605" class="ax_default label disabled">
          <div id="u3605_div" class="disabled"></div>
          <div id="u3605_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3606" class="ax_default label disabled">
          <div id="u3606_div" class="disabled"></div>
          <div id="u3606_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3607" class="ax_default" data-left="233" data-top="1144" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3608" class="ax_default ellipse">
          <img id="u3608_img" class="img " src="images/步骤条/u3528.svg"/>
          <div id="u3608_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u3609" class="ax_default line">
          <img id="u3609_img" class="img " src="images/步骤条/u3529.svg"/>
          <div id="u3609_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3610" class="ax_default label">
          <div id="u3610_div" class=""></div>
          <div id="u3610_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3611" class="ax_default label">
          <div id="u3611_div" class=""></div>
          <div id="u3611_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3612" class="ax_default" data-left="486" data-top="1144" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3613" class="ax_default ellipse">
          <img id="u3613_img" class="img " src="images/步骤条/u3613.svg"/>
          <div id="u3613_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u3614" class="ax_default line">
          <img id="u3614_img" class="img " src="images/步骤条/u3614.svg"/>
          <div id="u3614_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3615" class="ax_default label">
          <div id="u3615_div" class=""></div>
          <div id="u3615_text" class="text ">
            <p><span>进行中</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3616" class="ax_default label">
          <div id="u3616_div" class=""></div>
          <div id="u3616_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3617" class="ax_default" data-left="739" data-top="1144" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3618" class="ax_default ellipse disabled">
          <img id="u3618_img" class="img " src="images/步骤条/u3528_disabled.svg"/>
          <div id="u3618_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u3619" class="ax_default line disabled">
          <img id="u3619_img" class="img " src="images/步骤条/u3529_selected.svg"/>
          <div id="u3619_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3620" class="ax_default label disabled">
          <div id="u3620_div" class="disabled"></div>
          <div id="u3620_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3621" class="ax_default label disabled">
          <div id="u3621_div" class="disabled"></div>
          <div id="u3621_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3622" class="ax_default" data-left="992" data-top="1144" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3623" class="ax_default ellipse disabled">
          <img id="u3623_img" class="img " src="images/步骤条/u3528_disabled.svg"/>
          <div id="u3623_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3624" class="ax_default label disabled">
          <div id="u3624_div" class="disabled"></div>
          <div id="u3624_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3625" class="ax_default label disabled">
          <div id="u3625_div" class="disabled"></div>
          <div id="u3625_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3626" class="ax_default label">
        <div id="u3626_div" class=""></div>
        <div id="u3626_text" class="text ">
          <p><span>步骤运行错误</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3627" class="ax_default label">
        <div id="u3627_div" class=""></div>
        <div id="u3627_text" class="text ">
          <p><span>对错误的步骤所处的分出取消交互状态的选择，然后更改字体和线条颜色为红色</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
